<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="<%=path %>/resource/images/main.css" rel="stylesheet" type="text/css" />
<script src="<%=path %>/resource/js/jquery-1.7.2.min.js" language="javascript" ></script>
<style>
.item{
	float: left;	
	height: 30px;
}
.item:HOVER{
	float: left;
	color: blue;
}
</style>
<script>
$(document).ready(function(){
  $("#yh").bind("click",function(){
	  $("#tree_icon").css("background","url('<%=path%>/resource/images/main_12.gif')");
	  $("#fun1").show();
	  $("#fun2").hide();
  });
  $("#system").bind("click",function(){
	  $("#tree_icon").css("background","url('<%=path%>/resource/images/main_13.gif')");
	  $("#fun2").show();
	  $("#fun1").hide();
  });
  $(".item").each(function(){
	 $(this).bind("click",function(){
		 parent.goPage($(this).attr("href"));
	 }); 
  });
});
</script>

</head>

<body>
<div id="left">
		       <div id="left_menu"></div>
			   <div id="left_tree">
			        <div id="tree_icon">
					   <div id="yh"><img src="<%=path %>/resource/images/user.gif" />用户信息</div>
					   <div id="system"><img src="<%=path %>/resource/images/system.gif" />系统管理</div>
					
					</div>
					<div id="fun1" class="tree_text">
				
					     <li class="tree_li">
						     <div href="<%=path %>/sys/userList.do" class="item"><span class="list_img"><img src="<%=path %>/resource/images/list_img.gif" /></span>用户管理</div>
						     <div class="item"><span class="list_img"><img src="<%=path %>/resource/images/list_img.gif" /></span>组别管理</div>
					     </li>
						 <li class="tree_li">
						 	<div class="item" href=""><span class="list_img"><img src="<%=path %>/resource/images/list_img.gif" /></span>游戏记录</div>
						 </li>

					</div>
					
					<div id="fun2" clas="tree_text" style="display:none;width:162px; margin-left:11px; margin-top:10px; list-style:none;text-align: center;">
				
					     <li class="tree_li">
						     <div class="item"><span class="list_img"><img src="<%=path %>/resource/images/list_img.gif" /></span>游戏管理</div>
					     </li>
					</div>

			   </div>
			   					<div id="tree_down"></div>
</body>
</html>
